<template>
  <div>
     <img class="swi-img" :src="arr"/>
    <div class="lijian3">
      <h1>第二件减40元</h1>
      <p>完美日记&nbsp;|&nbsp;名片&nbsp;|&nbsp;水光唇露</p>
      <p />
      <div class="jia">到手价 ￥<span>549</span>起</div>
    </div>
  </div>
</template>

<script scoped>
import getlink from "@/apis/getapi.js";
export default {
  data() {
    return {
      arr: "",
    };
  },
   mounted() {
    getlink("/data/list/lists").then((ok) => {
      console.log(ok.data.data);
      this.arr =ok.data.swiper[2];
    });
  },
components:{



}

}
</script>

<style scoped>
.swi-img{
  height: 4rem;

}
.lijian3 {
  padding-top: 0.2rem;
  height: 1.1rem;
  text-align: center;
  background-color: antiquewhite;
  margin-bottom: 20px;
  margin: 0 auto;
}
.lijian3 p {
  width: 1.8rem;
  margin: 5px auto;
}
.jia {
  width: 1.6rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background-color: rgb(185, 42, 42);
  margin: 0 auto;
  color: white;
}
.jia span {
  font-size: 20px;
  font-weight: 600;
}
</style>